<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>专题地图DIY</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<script src="javascript/jquery-1.11.1.js" type="text/javascript" ></script>
	<script src="javascript/esl.js" type="text/javascript"></script>
	<script src="javascript/echarts.js" type="text/javascript"></script>
	<script src="javascript/ajaxFunction.js" type="text/javascript" charset="UTF-8"></script>
	<script src="javascript/Move.js" type="text/javascript"></script>
	<script src="javascript/Draw.js" type="text/javascript"></script>
	<script src="javascript/DataOperation.js" type="text/javascript"></script>	
	
  </head>
  
  <body>
    <h1>专题地图O(&cap;_&cap;)O哈哈~</h1>
    <div id="tool">
    	<fieldset>
	    	<legend class="tooltitle">请选择区域</legend>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_guo" value="guo" checked="checked" onclick="selectGuo()"/>
	    	<label for="radio_guo">全国各省</label><br/>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_shengshi" value="shengshi" onclick="selectShengshi()"/>
	    	<label for="radio_shengshi">某省各市</label><br/>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_shengshi" disabled="disabled">
		    	<optgroup label="直辖市">
		    		<option value="11" selected="selected">北京市</option>
		    		<option value="12">天津市</option>
		    		<option value="31">上海市</option>
		    		<option value="50">重庆市</option>
		    	</optgroup>
		    	<optgroup label="自治区">
		    		<option value="15">内蒙古自治区</option>
		    		<option value="45">广西壮族自治区</option>
		    		<option value="54">西藏自治区</option>
		    		<option value="64">宁夏回族自治区</option>
		    		<option value="65">新疆维吾尔自治区</option>
		    	</optgroup>
		    	<optgroup label="省份">
		    		<option value="13">河北省</option>
		    		<option value="14">山西省</option>	    		
		    		<option value="21">辽宁省</option>
		    		<option value="22">吉林省</option>
		    		<option value="23">黑龙江省</option>	    			    	
		    		<option value="32">江苏省</option>
		    		<option value="33">浙江省</option>
		    		<option value="34">安徽省</option>
		    		<option value="35">福建省</option>
		    		<option value="36">江西省</option>
		    		<option value="37">山东省</option>
		    		<option value="41">河南省</option>
		    		<option value="42">湖北省</option>
		    		<option value="43">湖南省</option>
		    		<option value="44">广东省</option>	    		
		    		<option value="46">海南省</option>	    		
		    		<option value="51">四川省</option>
		    		<option value="52">贵州省</option>
		    		<option value="53">云南省</option>	    		
		    		<option value="61">陕西省</option>
		    		<option value="62">甘肃省</option>
		    		<option value="63">青海省</option>
		    	</optgroup>
		    	<optgroup label="暂不支持">
		    		<option value="81">香港特别行政区</option>
		    		<option value="82">澳门特别行政区</option>
		    		<option value="71">台湾省</option>
		    	</optgroup> 		
	    	</SELECT><br/>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_shengxian" value="shengxian" onclick="selectShengxian()"/>
	    	<label for="radio_shengxian">某省各县</label><br/>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_shengxian" disabled="disabled">
	    		<optgroup label="直辖市">
		    		<option value="11" selected="selected">北京市</option>
		    		<option value="12">天津市</option>
		    		<option value="31">上海市</option>
		    		<option value="50">重庆市</option>
		    	</optgroup>
		    	<optgroup label="自治区">
		    		<option value="15">内蒙古自治区</option>
		    		<option value="45">广西壮族自治区</option>
		    		<option value="54">西藏自治区</option>
		    		<option value="64">宁夏回族自治区</option>
		    		<option value="65">新疆维吾尔自治区</option>
		    	</optgroup>
		    	<optgroup label="省份">
		    		<option value="13">河北省</option>
		    		<option value="14">山西省</option>	    		
		    		<option value="21">辽宁省</option>
		    		<option value="22">吉林省</option>
		    		<option value="23">黑龙江省</option>	    			    	
		    		<option value="32">江苏省</option>
		    		<option value="33">浙江省</option>
		    		<option value="34">安徽省</option>
		    		<option value="35">福建省</option>
		    		<option value="36">江西省</option>
		    		<option value="37">山东省</option>
		    		<option value="41">河南省</option>
		    		<option value="42">湖北省</option>
		    		<option value="43">湖南省</option>
		    		<option value="44">广东省</option>	    		
		    		<option value="46">海南省</option>	    		
		    		<option value="51">四川省</option>
		    		<option value="52">贵州省</option>
		    		<option value="53">云南省</option>	    		
		    		<option value="61">陕西省</option>
		    		<option value="62">甘肃省</option>
		    		<option value="63">青海省</option>
		    	</optgroup>
		    	<optgroup label="暂不支持">
		    		<option value="81">香港特别行政区</option>
		    		<option value="82">澳门特别行政区</option>
		    		<option value="71">台湾省</option>
		    	</optgroup>
	    	</SELECT><br/>
	    	&nbsp;&nbsp;
	    	<input type="radio" name="region" id="radio_shixian" value="shixian" onclick="selectShixian()"/>
	    	<label for="radio_shixian">某市各县</label><br/>
	    	&nbsp;&nbsp;
	    	<SELECT onchange="findCities(this.options[this.options.selectedIndex].value)"
	    		id="select_shixian" disabled="disabled">
	    		<optgroup label="直辖市">
		    		<option value="11" selected="selected">北京市</option>
		    		<option value="12">天津市</option>
		    		<option value="31">上海市</option>
		    		<option value="50">重庆市</option>
		    	</optgroup>
		    	<optgroup label="自治区">
		    		<option value="15">内蒙古自治区</option>
		    		<option value="45">广西壮族自治区</option>
		    		<option value="54">西藏自治区</option>
		    		<option value="64">宁夏回族自治区</option>
		    		<option value="65">新疆维吾尔自治区</option>
		    	</optgroup>
		    	<optgroup label="省份">
		    		<option value="13">河北省</option>
		    		<option value="14">山西省</option>	    		
		    		<option value="21">辽宁省</option>
		    		<option value="22">吉林省</option>
		    		<option value="23">黑龙江省</option>	    			    	
		    		<option value="32">江苏省</option>
		    		<option value="33">浙江省</option>
		    		<option value="34">安徽省</option>
		    		<option value="35">福建省</option>
		    		<option value="36">江西省</option>
		    		<option value="37">山东省</option>
		    		<option value="41">河南省</option>
		    		<option value="42">湖北省</option>
		    		<option value="43">湖南省</option>
		    		<option value="44">广东省</option>	    		
		    		<option value="46">海南省</option>	    		
		    		<option value="51">四川省</option>
		    		<option value="52">贵州省</option>
		    		<option value="53">云南省</option>	    		
		    		<option value="61">陕西省</option>
		    		<option value="62">甘肃省</option>
		    		<option value="63">青海省</option>
		    	</optgroup>
		    	<optgroup label="暂不支持">
		    		<option value="81">香港特别行政区</option>
		    		<option value="82">澳门特别行政区</option>
		    		<option value="71">台湾省</option>
		    	</optgroup>
	    	</SELECT><br/>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_shi" disabled="disabled">
	    		<option value="1" selected="selected">市辖区</option>
	    		<option value="2">县</option>
	    	</SELECT><br/>
	    	<center><input type="button" class="sure" value="&nbsp;确&nbsp;定&nbsp;" onclick="sureRegion()"/></center>
    	</fieldset><br/>
    	
    	<fieldset>
	    	<legend class="tooltitle">请选择色系</legend>
	    	&nbsp;&nbsp;
	    	<SELECT id="select_color" onchange="changeColors(this.options[this.options.selectedIndex].value)">
	    		<option value="0" selected="selected">无填充色</option>
	    		<optgroup label="暖色系">
	    			<option value="1">红色系</option>
		    		<option value="2">深红色系</option>
		    		<option value="3">粉红色系</option>
		    		<option value="4">洋红色系</option>
		    		<option value="5">粉紫色系</option>
		    		<option value="18">黄绿色系</option>
		    		<option value="19">明黄色系</option>
		    		<option value="20">黄色系</option>
		    		<option value="21">橘黄色系</option>
		    		<option value="22">橙色系</option>
		    		<option value="23">橙红色系</option>
	    		</optgroup>
	    		<optgroup label="冷色系">
		    		<option value="6">紫色系</option>
		    		<option value="7">深紫色系</option>
		    		<option value="8">蓝紫色系</option>
		    		<option value="9">蓝色系</option>
		    		<option value="10">深蓝色系</option>
		    		<option value="11">浅蓝色系</option>
		    		<option value="12">蓝绿色系</option>
		    		<option value="13">嫩绿色系</option>
		    		<option value="14">绿色系</option>
		    		<option value="15">深绿色系</option>
		    		<option value="16">橄榄绿色系</option>
		    		<option value="17">草绿色系</option>
		    	</optgroup>
		    	<optgroup label="中性色系">
		    		<option value="24">褐色系</option>
	    			<option value="25">灰色系</option>
	    		</optgroup>
	    	</SELECT>
    	</fieldset><br/>

    	<fieldset>
    		<legend class="tooltitle">请上传数据</legend>
    		<form enctype="multipart/form-data" method="post" id="form_file">
    			&nbsp;&nbsp;&nbsp;数据类型：
	    		<SELECT id="select_file">
		    		<option value="1" selected="selected">离散型</option>
		    		<option value="2">连续型</option>
		    		<option value="3">时间型</option>
		    	</SELECT>
		    	<input id="upload_file" type="file"/>
	    		<center><input type="button" class="sure" value="&nbsp;上&nbsp;传&nbsp;" onclick="uploadExcel()"/></center>
	    	</form>
    	</fieldset><br/>
	
    </div>
    <div id="map" onmousewheel="Scale()" onmousedown="Pan()">
    <!-- 
    	<input type="text" name="userName" id="userName" placeholder="userName"/>
        <input type="text" name="userPassword" id="userPassword" placeholder="userPassword"/>
        <input type="button" value="submit" onclick="createAJAX()"/>
     -->
    </div>
    <div id="chart">
    	<fieldset>
    		<legend class="tooltitle">请选择图表</legend>
    		<input id="radio_zhexian" name="chart" type="radio" value="zhexian" onclick=""/>
	    	<label for="radio_zhexian">折线图</label><br/>
	    	<input id="radio_zhuzhuang" name="chart" type="radio" value="zhuzhuang" onclick=""/>
	    	<label for="radio_zhuzhuang">柱状图</label><br/>
	    	<input id="radio_sandian" name="chart" type="radio" value="sandian" onclick=""/>
	    	<label for="radio_sandian">散点图</label><br/>
	    	<input id="radio_kxian" name="chart" type="radio" value="kxian" onclick=""/>
	    	<label for="radio_kxian">K线图</label><br/>
	    	<input id="radio_bingzhuang" name="chart" type="radio" value="pie" onclick=""/>
	    	<label for="radio_bingzhuang">饼状图</label><br/>
	    	<input id="radio_leida" name="chart" type="radio" value="leida" onclick=""/>
	    	<label for="radio_leida">雷达图</label><br/>
	    	<input id="radio_hexian" name="chart" type="radio" value="chord" onclick=""/>
	    	<label for="radio_hexian">和弦图</label><br/>
	    	<input id="radio_lidao" name="chart" type="radio" value="lidao" onclick=""/>
	    	<label for="radio_lidao">力导向布局图</label><br/>
	    	<input id="radio_yibiao" name="chart" type="radio" value="yibiao" onclick=""/>
	    	<label for="radio_yibiao">仪表盘图</label><br/>
	    	<input id="radio_loudou" name="chart" type="radio" value="loudou" onclick=""/>
	    	<label for="radio_loudou">漏斗图</label><br/>
	    	<input id="radio_hunda" name="chart" type="radio" value="hunda" onclick=""/>
	    	<label for="radio_hunda">混搭图</label><br/>
			<input type="button" onclick="LoadXML()" value="提交"><br/>
    	</fieldset><br/>
    	<div id="result">
		</div>
    </div>
  </body>
</html>
